/* 页面顶部 */
.header_bgc {
    background-color: #0094ff;

    >h1,
    a {
        color: #fff;
    }
}

.pyg_view {
    height: 100%;
    position: relative;
    overflow: hidden;

    // auto : 代表自动，原来怎样就怎样
    .pyg_main {
        overflow: auto;
        height: auto;
    }
}

/* 商品列表主体内容 */
.pyg_main {
    .goods_list {
        margin: 0;
        padding: 0;
        list-style: none;

        >li {
            width: 100%;
            height: 224px;
            background-color: #fff;
            margin-bottom: 10px;

            >a {
                display: block;
                width: 100%;
                height: 100%;
                display: flex;

                >div {
                    flex: 1;
                }

                >.goods_img {
                    >img {
                        display: block;
                        width: 100%;
                        height: 100%;
                    }
                }

                >.goods_tp {
                    overflow: hidden;
                    display: flex;
                    flex-direction: column;

                    >div {
                        flex: 1;
                        font-size: 13px;
                        color: #666;
                        line-height: 112px;
                        /* 下面设置文本不换行，超出以...省略号显示 */
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }

                    >span {
                        flex: 1;
                        color: red;
                        line-height: 112px;
                    }
                }
            }
        }
    }
}